{% extends "baseTemplate.html" %}
{% load bvapp %}

{% block pageName %}BioVenTurist - Search companies{% endblock %}

{% block headerStrip %}
<div id="strip">
    <div id="strip_left">&nbsp;
    </div>
</div>
{% endblock %}

{% block queryScript %}
<link type="text/css" rel="stylesheet" href="/bvapp/static/css/bvapp.css"/>
<!-- Top 10 CSS Table Designs: http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/ -->
<link type="text/css" rel="stylesheet" href="/bvapp/static/css/tables.css"/>

<script type="text/javascript" src="/static/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.jeditable.mini.js"></script>
<script type="text/javascript" src="/bvapp/static/js/jeditable_custom_inputs.js"></script>
<script type="text/javascript" src="/bvapp/static/js/editinplace.js"></script>
{% endblock %}

{% block container %}
<div id="content">
    <table>
        <tr>
            <td class="top">
                {% if c.logo %}
                <img class="borders logo" src="{{ c.logo.url }}"/>
                {% endif %}
            </td>
            <td class="top">
                <h1 id="{{ c.id }}" class="title">{{ c.title }}</h1>

                <p class="italic type">company</p>
            </td>

        </tr>
    </table>

    <h2>Overview</h2>

    <p id="overview" class="editable" rel="{{ c.id }}">{{ c.overview|safe }}</p>

    <!-- begin: Financial Information -->
    <h2>Financial Information</h2>
    <div class="ticker_symbol">
        <p class="ticker_symbol">
            {% for t in c.ticker_symbol %}
            <!--script src="http://charts.wikinvest.com/wikinvest/wikichart/javascript/scripts.php" type="text/javascript"></script><div id="wikichartContainer_FB9A4F9B-A0B1-6D02-C93A-095208D7B5E3"><div id="wikichartContainer_FB9A4F9B-A0B1-6D02-C93A-095208D7B5E3_noFlash" style="width:400px; display:none;"><a href="http://get.adobe.com/flashplayer/"><img src="http://cdn.wikinvest.com/wikinvest/images/adobe_flash_logo.gif" alt="Flash" style="border-width: 0px;"/><br/>Flash Player 9 or higher is required to view the chart<br/><strong>Click here to download Flash Player now</strong></a></div></div><script type="text/javascript">if (typeof(embedWikichart) != "undefined") {embedWikichart("http://charts.wikinvest.com/WikiChartMini.swf","wikichartContainer_FB9A4F9B-A0B1-6D02-C93A-095208D7B5E3","400","400",{"embedCodeDate":"2010-2-26","showNewsIcons":"true","ticker":"NASDAQ:{{ c.ticker_symbol }}","partner":"wikinvest","rollingDate":"5 days"},{});}</script><div style="font-size:9px;text-align:right;width:400px;font-family:Verdana"><a href="http://www.wikinvest.com/chart/NASDAQ:{{ c.ticker_symbol }}" style="text-decoration:underline; color:#0000ee;">View the full {{ c.ticker_symbol }} chart</a> at <a href="http://www.wikinvest.com/">Wikinvest</a></div-->
            <span class="editable" rel="{{ t.2 }}">{{ t.0 }} ({{ t.1 }})</span>
            {% if not forloop.last %}, {% endif %}
            {% endfor %}
        </p>
        <input type="button" value="+" class="add">
    </div>
    <!-- end: Financial Information -->

    <h2>Areas of Expertise</h2>
    <h4>Technologies involved in:</h4>

    <p class="technologies_involved">
        {% for area in c.areas_of_expertise %}
        <span class="area_of_expertise" rel="{{ area.id }}">{{ area.name }}</span>,
        {% endfor %}
        <span class="area_of_expertise">add other</span></p>

    <h4>Medical focus:</h4>

    <p>{{ c.medical_focuses|safe }}</p>

    <h2>Corporate Information</h2>
    <table class="hor-minimalist-b" summary="Therapeutics on the market">

        <tbody>
        <tr>
            <td>Webpage</td>
            <td>{{ c.webpages|safe }}</td>
        </tr>
        <tr>
            <td>Headquarters</td>
            <td>{{ c.headquarters }}</td>
        </tr>
        <tr>
            <td>Industries</td>
            <td>{{ c.industries }}</td>
        </tr>
        </tbody>
    </table>

    <h2>Products</h2>

    <h3>Therapeutics on the Market</h3>
    <table class="hor-minimalist-b" summary="Therapeutics on the Market">
        <thead>
        <tr>
            <th>Product</th>
            <th>Developed By</th>
            <th>2007 Sales ($M)</th>
            <th>2006 Sales ($M)</th>
            <th>2005 Sales ($M)</th>
            <th>Indications / Phase of Development</th>
        </tr>
        </thead>
        <tbody>
        {% for p in c.therapeutics_on_the_market %}
        <tr>
            <td>{{ p.name }}</td>
            <td>
                {{ p.developed_by|join_by_name }}
            </td>
            <td>{{ p.sales.0.amount|millions }}</td>
            <td>{{ p.sales.1.amount|millions }}</td>
            <td>{{ p.sales.2.amount|millions }}</td>
            <td>{{ p.indication_or_disease|join_indication_or_disease }}</td>
        </tr>
        {% endfor %}
        </tbody>
    </table>

    <h3>Products on the Market</h3>
    <table class="hor-minimalist-b" summary="Products on the Market">
        <thead>
        <tr>
            <th>Product Brand</th>
            <th>Name</th>
            <th>Developed By</th>
            <th>2007 Sales ($M)</th>
        </tr>
        </thead>
        <tbody>
        {% for p in c.products_on_the_market %}
        <tr>
            <td>{{ p.brand_name }}</td>
            <td>{{ p.name }}</td>
            <td>{{ p.developed_by|join_by_name }}</td>
            <td>{{ p.sales.0.amount|millions }}</td>
        </tr>
        {% endfor %}
        </tbody>
    </table>

    <h3>Therapeutics in Development</h3>
    <table class="hor-minimalist-b" summary="Therapeutics in Development">
        <thead>
        <tr>
            <th>Product</th>
            <th>Developed By</th>
            <th>Indications / Phase of Development </th>
        </tr>
        </thead>
        <tbody>
        {% for p in c.therapeutics_in_development %}
        <tr>
            <td>{{ p.name }}</td>
            <td>{{ p.developed_by|join_by_name }}</td>
            <td>{{ p.indication_or_disease|join_indication_or_disease }}</td>
        </tr>
        {% endfor %}
        </tbody>
    </table>

    <h3>Products in Development</h3>
    <table class="hor-minimalist-b" summary="Products in Development">
        <thead>
        <tr>
            <th>Product</th>
            <th>Brand Name</th>
            <th>Overview</th>
        </tr>
        </thead>
        <tbody>
        {% for p in c.products_in_development %}
        <tr>
            <td>{{ p.name }}</td>
            <td>{{ p.brand_name|join:',' }}</td>
            <td>{{ p.article }}</td>
        </tr>
        {% endfor %}
        </tbody>
    </table>

</div>
{% endblock %}
